<meta http-equiv="Content-Type" content="text/html; charset=<!--[charset]-->" />
<title><!--[title]--></title>
<meta name="description" content="<!--[slogan]-->" />
<meta name="keywords" content="<!--[keywords]-->" />
<meta http-equiv="X-UA-Compatible" content="chrome=1" />
<link rel="stylesheet" type="text/css" href="<!--[$stylepath]-->/style.css" media="print,projection,screen" />
<link rel="stylesheet" type="text/css" href="<!--[$stylepath]-->/ganeral.css" media="print,projection,screen" />
<link rel="stylesheet" type="text/css" href="<!--[$stylepath]-->/print.css" media="print" />

<script src="themes/iShop/js/jquery-1.6.1.min.js" type="text/javascript"></script>
<script src="modules/IShopStore/pnjavascript/tooltip/jquery.tools.min.js" type="text/javascript"></script>

<!-- the necessary css for UItoTop -->	
<link rel="stylesheet" type="text/css" media="screen,projection" href="themes/iShop/js/top-scrollbar/css/ui.totop.css" />
<script src="themes/iShop/js/top-scrollbar/js/easing.js" type="text/javascript"></script>
<script src="themes/iShop/js/top-scrollbar/js/jquery.ui.totop.js" type="text/javascript"></script>

<script type="text/javascript">
    $(document).ready(function() {
        var defaults = {
            containerID: 'moccaUItoTop', // fading element id
            containerHoverClass: 'moccaUIhover', // fading element hover class
            scrollSpeed: 1200,
            easingType: 'linear' 
        };		
        $().UItoTop({ easingType: 'easeOutQuart' });
        
    });
</script>

<!-- the chekbox -->	
	<script type="text/javascript" src="themes/iShop/js/jqtransform/jqtransformplugin/jquery.jqtransform.js" ></script>
    <link rel="stylesheet" type="text/css" href="themes/iShop/js/jqtransform/jqtransformplugin/jqtransform.css" media="print,projection,screen" />
	<script language="javascript">
		$(function(){
			$('form').jqTransform({imgPath:'themes/iShop/js/jqtransform/jqtransformplugin/img'});
		});
	</script>
<!-- the chekbox -->
<script type="text/javascript">
$(document).ready(function(){			   
	$('.recommend_product_image').hover(
	function(){
		$(this).stop().fadeTo('slow',0.6);
	},
	function(){
		$(this).stop().fadeTo('slow',1);
	});
	$('.product_image').hover(
	function(){
		$(this).stop().fadeTo('slow',0.6);
	},
	function(){
		$(this).stop().fadeTo('slow',1);
	});	
	
	
});
</script>
<script type="text/javascript">
	$(function() {
		var offset = $("#sidebar").offset();
		var topPadding = 15;
		$(window).scroll(function() {
			if ($(window).scrollTop() > offset.top) {
				$("#sidebar").stop().animate({
					marginTop: $(window).scrollTop() - offset.top + topPadding
				});
			} else {
				$("#sidebar").stop().animate({
					marginTop: 0
				});
			};
		});
	});
</script>